import { Dialog } from 'vant'

export default {
  // 此处编写的就是 Vue 组件实例的配置项，通过一定的语法可以直接混入到组件内部
  // data methods computed 生命周期函数 ...
  // 注意： 若此处和组件内同时提供了名为 data 和 methods， 则组件内的优先级更高
  methods: {
    loginConfirm () {
    // 判断是否存在
      if (!this.$store.getters.token) {
        // 弹出提示框
        console.log('弹出确认框')
        Dialog.confirm({
          title: '温馨提示',
          message: '登录后才能继续操作哦',
          confirmButtonText: '去登录',
          cancelButtonText: '再逛逛'
        })
        // 点击确认
          .then(() => {
            // 想要登录后再跳转回来，需要携带参数（当前路径地址）
            // this.$route.fullPath(会包含查询参数)
            this.$router.replace({
              path: '/login',
              query: {
                backUrl: this.$route.fullPath
              }
            })
          })
        // 点击取消
          .catch(() => {})
        return true
      }
      return false
    }
  }
}
